<template>
  <div class="home-main">
    <!-- 分类和轮播图广告部分 -->
    <div class="container">
      <!-- 左侧部分 -->
      <HomeCate></HomeCate>
      <!-- 右侧部分 轮播图-->
      <HomeBanner></HomeBanner>
    </div>

    <!-- 面板部分-新鲜好物 -->
    <HomeFresh></HomeFresh>

    <!-- 人气推荐 -->
    <HomeHot></HomeHot>

    <!-- 热门品牌 -->
    <HomeBrand title="热门品牌" subTitle="国际经典 品质保证"></HomeBrand>

    <!-- 产品模块====》居家、美食、服饰、母婴 -->
    <HomeProduct title="居家" ></HomeProduct>

    <!-- 最新专题 -->
    <HomeSpecial></HomeSpecial>

  </div>
</template>

<script>
import HomeCate from './components/HomeCate.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeFresh from './components/HomeFresh.vue'
import HomeHot from './components/HomeHot.vue'
import HomeBrand from './components/HomeBrand.vue'
import HomeProduct from './components/HomeProduct'
import HomeSpecial from './components/HomeSpecial.vue'

export default {
  name: 'myHome',
  components: {
    HomeCate,
    HomeBanner,
    HomeFresh,
    HomeSpecial,
    HomeProduct,
    HomeHot,
    HomeBrand
  }

}
</script>

<style lang="less" scoped>
.home-main{
  position: relative;
}
/deep/.carousel .carousel-btn.preBtn{
    left: 270px;
}
/deep/.carousel .carousel-indicator{
  padding-left: 250px;
}
</style>
